<template>
    <!-- html -->
    <div class="Teleport">
        <h1>Teleport</h1>
        <img src="@/assets/img.png" style="width: 200px;" />
        <Modla />
    </div>
</template>

<script lang="ts" setup name="Teleport">
//Teleport：传送，Teleport是一种能够将我们的组件html结构移动到指定位置的技术
import Modla from './Modla.vue'
</script>

<style scoped>
/* 样式 */
.Teleport {
    width: 400px;
    background-color: #ddd;
    border-radius: 10px;
    padding: 20px;
    filter: saturate(200%);
}
</style>